<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywrods" content="">
    <meta name="description" content="">
    <title>博学谷-IT在线教育培训机构-传智博客旗下IT在线学习平台</title>
    <link rel="icon" href="./images/favicon.ico">
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <div id="_layout">
        <header>
            <div class="tel-box">
                <div class="tel clearfix">
                    <div class="box-left">
                        A股上市公司传智教育（股票代码：003032）旗下黑马程序员在线IT教育平台
                    </div>
                    <div class="box-right">
                        质量监督/投诉热线：13260303011/400-618-4000
                    </div>
                </div>
            </div>
            
            <div class="nav-wrap">
                <nav class="clearfix">
                    <div class="nav-left">
                        <h2>
                            <img src="./images/header-new.a2b54f8.png" alt="">
                        </h2>
                        <ul class="clearfix">
                            <li>
                                <a href="">首页</a>
                            </li>
                            <li>
                                <a href="">就业班</a>
                            </li>
                            <li>
                                <a href="">优选提升课</a>
                                <img src="./images/icon-fire.cb0377e.png" alt="">
                            </li>
                            <li>
                                <a href="">全部课程</a>
                            </li>
                            <li>
                                <a href="">免费学</a>
                            </li>
                            <li>
                                <a href="">资讯</a>
                            </li>
                        </ul>
                    </div>
    
                    <div class="nav-right">
                        <div class="bxg-app">
                            <span class="app-text"></span>
                            <div class="download">
                                <img src="./images/qrcode.b389a8c.png" alt="">
                                <p>扫描二维码下载【博学谷】</p>
                            </div>
                        </div>
    
                        <div class="input-box">
                            <input type="search" placeholder="搜索课程内容">
                            <i class="iconfont icon-sousuo_o"></i>
                        </div>
    
                        <div class="login-box">
                            <a href="">登录</a>
                            |
                            <a href="">注册</a>
                        </div>
                    </div>
                </nav>
            </div>
        </header>

        <div class="banner-wrap">
            <div class="banner">
                <div class="sidebar">
                    <ul>
                        <li>
                            <a href="">
                                JavaEE
                            </a>
                            <i class="iconfont icon-youjiantou"></i>

                            <div class="child-box">
                                <div class="box-title">
                                    <p class="frist">就业</p>|
                                    <span>实用性、简单性、安全性位列前位</span>
                                </div>

                                <div class="box-infot clearfix">
                                    <div class="infot-car">
                                        <a href="">
                                            <img src="./upload/73385080ab134c7ab3f0f79f0e2c5f53.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="infot-car">
                                        <a href="">
                                            <img src="./upload/3fd5f51aa992402e8294a9541aa81e96.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="infot-car">
                                        <a href="">
                                            <img src="./upload/52e6d6d588574ae2848dd5aa7db37d48.jpg" alt="">
                                        </a>
                                    </div>
                                </div>

                                <div class="free-course-list">
                                    <div class="list-top">
                                        <p class="til">微课类</p>
                                        
                                        <div class="list-content">
                                            <a href="">
                                                <img src="./upload/cb7de42859c64c19b0d675926ae98199.jpg" alt="">
                                            </a>
                                        </div>
                                    </div>

                                    <div class="list-car clearfix">
                                        <div class="left-car">
                                            <div class="car-img">
                                                <a href="">
                                                    <img src="./upload/00b44d11916d4fb4a9c272ba1435cc4b.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="car-price">
                                                <p class="text">
                                                    Git分布式版控制工具使用教程
                                                </p>
                                                <p class="price">
                                                    
                                                    <i class="iconfont icon-icon-test"></i>
                                                    <span>￥<text> 9.9</text></span>
                                                </p>
                                            </div>
                                        </div>
                                        <div class="right-car">
                                            <div class="car-img">
                                                <a href="">
                                                    <img src="./upload/00b44d11916d4fb4a9c272ba1435cc4b.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="car-price">
                                                <p class="text">
                                                    Git分布式版控制工具使用教程
                                                </p>
                                                <p class="price">
                                                    <i class="iconfont icon-icon-test"></i>
                                                    <span>￥<text> 9.9</text></span>
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="">
                                Python+人工智能
                            </a>
                            <i class="iconfont icon-youjiantou"></i>
                            <div class="child-box">
                                <div class="box-title">
                                    <p class="frist">就业</p>|
                                    <span>实用性、简单性、安全性位列前位</span>
                                </div>

                                <div class="box-infot clearfix">
                                    <div class="infot-car">
                                        <a href="">
                                            <img src="./upload/73385080ab134c7ab3f0f79f0e2c5f53.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="infot-car">
                                        <a href="">
                                            <img src="./upload/3fd5f51aa992402e8294a9541aa81e96.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="infot-car">
                                        <a href="">
                                            <img src="./upload/52e6d6d588574ae2848dd5aa7db37d48.jpg" alt="">
                                        </a>
                                    </div>
                                </div>

                                <div class="free-course-list">
                                    <div class="list-top">
                                        <p class="til">微课类</p>
                                        
                                        <div class="list-content">
                                            <a href="">
                                                <img src="./upload/cb7de42859c64c19b0d675926ae98199.jpg" alt="">
                                            </a>
                                        </div>
                                    </div>

                                    <div class="list-car clearfix">
                                        <div class="left-car">
                                            <div class="car-img">
                                                <a href="">
                                                    <img src="./upload/00b44d11916d4fb4a9c272ba1435cc4b.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="car-price">
                                                <p class="text">
                                                    Git分布式版控制工具使用教程
                                                </p>
                                                <p class="price">
                                                    
                                                    <i class="iconfont icon-icon-test"></i>
                                                    <span>￥<text> 9.9</text></span>
                                                </p>
                                            </div>
                                        </div>
                                        <div class="right-car">
                                            <div class="car-img">
                                                <a href="">
                                                    <img src="./upload/00b44d11916d4fb4a9c272ba1435cc4b.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="car-price">
                                                <p class="text">
                                                    Git分布式版控制工具使用教程
                                                </p>
                                                <p class="price">
                                                    <i class="iconfont icon-icon-test"></i>
                                                    <span>￥<text> 9.9</text></span>
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="">
                                HTML&JS+前端
                            </a>
                            <i class="iconfont icon-youjiantou"></i>
                            <div class="child-box">
                                <div class="box-title">
                                    <p class="frist">就业</p>|
                                    <span>实用性、简单性、安全性位列前位</span>
                                </div>

                                <div class="box-infot clearfix">
                                    <div class="infot-car">
                                        <a href="">
                                            <img src="./upload/73385080ab134c7ab3f0f79f0e2c5f53.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="infot-car">
                                        <a href="">
                                            <img src="./upload/3fd5f51aa992402e8294a9541aa81e96.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="infot-car">
                                        <a href="">
                                            <img src="./upload/52e6d6d588574ae2848dd5aa7db37d48.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="infot-car">
                                        <a href="">
                                            <img src="./upload/52e6d6d588574ae2848dd5aa7db37d48.jpg" alt="">
                                        </a>
                                    </div>
                                </div>

                                <div class="free-course-list">
                                    <div class="list-top">
                                        <p class="til">微课类</p>
                                        
                                        <div class="list-content">
                                            <a href="">
                                                <img src="./upload/cb7de42859c64c19b0d675926ae98199.jpg" alt="">
                                            </a>
                                        </div>
                                    </div>

                                    <div class="list-car clearfix">
                                        <div class="left-car">
                                            <div class="car-img">
                                                <a href="">
                                                    <img src="./upload/00b44d11916d4fb4a9c272ba1435cc4b.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="car-price">
                                                <p class="text">
                                                    Git分布式版控制工具使用教程
                                                </p>
                                                <p class="price">
                                                    
                                                    <i class="iconfont icon-icon-test"></i>
                                                    <span>￥<text> 9.9</text></span>
                                                </p>
                                            </div>
                                        </div>
                                        <div class="right-car">
                                            <div class="car-img">
                                                <a href="">
                                                    <img src="./upload/00b44d11916d4fb4a9c272ba1435cc4b.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="car-price">
                                                <p class="text">
                                                    Git分布式版控制工具使用教程
                                                </p>
                                                <p class="price">
                                                    <i class="iconfont icon-icon-test"></i>
                                                    <span>￥<text> 9.9</text></span>
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="">
                                大数据
                            </a>
                            <i class="iconfont icon-youjiantou"></i>
                            <div class="child-box">
                                <div class="box-title">
                                    <p class="frist">就业</p>|
                                    <span>实用性、简单性、安全性位列前位</span>
                                </div>

                                <div class="box-infot clearfix">
                                    <div class="infot-car">
                                        <a href="">
                                            <img src="./upload/73385080ab134c7ab3f0f79f0e2c5f53.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="infot-car">
                                        <a href="">
                                            <img src="./upload/3fd5f51aa992402e8294a9541aa81e96.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="infot-car">
                                        <a href="">
                                            <img src="./upload/52e6d6d588574ae2848dd5aa7db37d48.jpg" alt="">
                                        </a>
                                    </div>
                                </div>

                                <div class="free-course-list">
                                    <div class="list-top">
                                        <p class="til">微课类</p>
                                        
                                        <div class="list-content">
                                            <a href="">
                                                <img src="./upload/cb7de42859c64c19b0d675926ae98199.jpg" alt="">
                                            </a>
                                        </div>
                                    </div>

                                    <div class="list-car clearfix">
                                        <div class="left-car">
                                            <div class="car-img">
                                                <a href="">
                                                    <img src="./upload/00b44d11916d4fb4a9c272ba1435cc4b.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="car-price">
                                                <p class="text">
                                                    Git分布式版控制工具使用教程
                                                </p>
                                                <p class="price">
                                                    
                                                    <i class="iconfont icon-icon-test"></i>
                                                    <span>￥<text> 9.9</text></span>
                                                </p>
                                            </div>
                                        </div>
                                        <div class="right-car">
                                            <div class="car-img">
                                                <a href="">
                                                    <img src="./upload/00b44d11916d4fb4a9c272ba1435cc4b.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="car-price">
                                                <p class="text">
                                                    Git分布式版控制工具使用教程
                                                </p>
                                                <p class="price">
                                                    <i class="iconfont icon-icon-test"></i>
                                                    <span>￥<text> 9.9</text></span>
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="">
                                UI/UE设计
                            </a>
                            <i class="iconfont icon-youjiantou"></i>
                            <div class="child-box">
                                <div class="box-title">
                                    <p class="frist">就业</p>|
                                    <span>实用性、简单性、安全性位列前位</span>
                                </div>

                                <div class="box-infot clearfix">
                                    <div class="infot-car">
                                        <a href="">
                                            <img src="./upload/73385080ab134c7ab3f0f79f0e2c5f53.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="infot-car">
                                        <a href="">
                                            <img src="./upload/3fd5f51aa992402e8294a9541aa81e96.jpg" alt="">
                                        </a>
                                    </div>
                                    
                                </div>

                                <div class="free-course-list">
                                    <div class="list-top">
                                        <p class="til">微课类</p>
                                        
                                        <div class="list-content">
                                            <a href="">
                                                <img src="./upload/cb7de42859c64c19b0d675926ae98199.jpg" alt="">
                                            </a>
                                        </div>
                                    </div>

                                    <div class="list-car clearfix">
                                        <div class="left-car">
                                            <div class="car-img">
                                                <a href="">
                                                    <img src="./upload/00b44d11916d4fb4a9c272ba1435cc4b.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="car-price">
                                                <p class="text">
                                                    Git分布式版控制工具使用教程
                                                </p>
                                                <p class="price">
                                                    
                                                    <i class="iconfont icon-icon-test"></i>
                                                    <span>￥<text> 9.9</text></span>
                                                </p>
                                            </div>
                                        </div>
                                        <div class="right-car">
                                            <div class="car-img">
                                                <a href="">
                                                    <img src="./upload/00b44d11916d4fb4a9c272ba1435cc4b.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="car-price">
                                                <p class="text">
                                                    Git分布式版控制工具使用教程
                                                </p>
                                                <p class="price">
                                                    <i class="iconfont icon-icon-test"></i>
                                                    <span>￥<text> 9.9</text></span>
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="">
                                新媒体+短视频直播运营
                            </a>
                            <i class="iconfont icon-youjiantou"></i>
                        </li>
                        <li>
                            <a href="">
                                软件测试
                            </a>
                            <i class="iconfont icon-youjiantou"></i>
                        </li>
                        <li>
                            <a href="">
                                产品经理
                            </a>
                            <i class="iconfont icon-youjiantou"></i>
                        </li>
                        <li>
                            <a href="">
                                新综合实战电商
                            </a>
                            <i class="iconfont icon-youjiantou"></i>
                        </li>
                        <li>
                            <a href="">
                                Linux云计算+运维
                            </a>
                            <i class="iconfont icon-youjiantou"></i>
                        </li>
                        <li>
                            <a href="">
                                C++
                            </a>
                            <i class="iconfont icon-youjiantou"></i>
                        </li>
                        <li>
                            <a href="">
                                智能机器人软件开发
                            </a>
                            <i class="iconfont icon-youjiantou"></i>
                        </li>
                        <li>
                            <a href="">
                                人工智能AI软件开发
                            </a>
                            <i class="iconfont icon-youjiantou"></i>
                        </li>
                        <li>
                            <a href="">
                                数据分析
                            </a>
                            <i class="iconfont icon-youjiantou"></i>
                        </li>
                    </ul>
                </div>

                <div class="shuffling">
                    <!-- 图片区域 -->
                    <div class="shuffling-img">
                        <ul class="clearfix">
                            <li class="item">
                                <a href="">
                                    <img src="./upload/57fa1853f75d47799b608d43c1c965aa.jpg" alt="">
                                </a>
                            </li>
                            <li class="item">
                                <a href="">
                                    <img src="./upload/228d96751b024f17b7c17be4f11137f4.jpg" alt="">
                                </a>
                            </li>
                            <li class="item">
                                <a href="">
                                    <img src="./upload/1607377d67ce4922be00d675961daca1.jpg" alt="">
                                </a>
                            </li>
                            <li class="item">
                                <a href="">
                                    <img src="./upload/ed82a569ede24bee8fff3b38ce447019.jpg" alt="">
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="live">
                <ul class="clearfix">
                    <li>
                        <a href="">
                            <img src="./upload/7f21f42ba2ca4ef0b79fb6063d87ad75.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="./upload/9e3f65a1c08e44ffac8005f0cfbcaa7d.jpg" alt="">
                        </a>
                    </li>
                </ul>
            </div>
        </div>

        <div class="employment">
            <div class="employment-wrap">
                <div class="title clearfix">
                    <div class="title-left">
                        <h2>零基础就业班</h2>
                        <p>转行、就业选择、带你就职互联网行业</p>
                    </div>
    
                    <div class="title-right">
                        <span class="activation">VIP班</span>
                        <span>SVIP班</span>
                        <span>会员制</span>
                    </div>
                </div>

                <div class="content-list">
                    <div class="list-left">
                        <img src="./upload/vip-img.098cf8d.png" alt="">
                    </div>

                    <div class="list-right">
                        <ul class="clearfix">
                            <li class="one">
                                <a href="">JavaEE</a>
                                <a href="">在线就业班</a>

                                <div class="text-content">
                                    <p class="text">
                                        可就业岗位：初级Java开发工程师/程序员、中级Java工程师/程序员、Java工程师程序员、中级Java工程师/程序员、Java工程师
                                    </p>
                                    <p class="btn">免费试学</p>
                                </div>
                                <!-- <p class="btn">免费试学</p> -->
                            </li>
                            <li class="tow">
                                <a href="">JavaEE</a>
                                <a href="">在线就业班</a>
                                <div class="text-content">
                                    <p class="text">
                                        可就业岗位：初级Java开发工程师/程序员、中级Java工程师/程序员、Java工程师程序员、中级Java工程师/程序员、Java工程师
                                    </p>
                                    <p class="btn">免费试学</p>
                                </div>
                            </li>
                            <li class="three">
                                <a href="">JavaEE</a>
                                <a href="">在线就业班</a>
                                <div class="text-content">
                                    <p class="text">
                                        可就业岗位：初级Java开发工程师/程序员、中级Java工程师/程序员、Java工程师程序员、中级Java工程师/程序员、Java工程师
                                    </p>
                                    <p class="btn">免费试学</p>
                                </div>
                            </li>
                            <li class="four">
                                <a href="">JavaEE</a>
                                <a href="">在线就业班</a>
                                <div class="text-content">
                                    <p class="text">
                                        可就业岗位：初级Java开发工程师/程序员、中级Java工程师/程序员、Java工程师程序员、中级Java工程师/程序员、Java工程师
                                    </p>
                                    <p class="btn">免费试学</p>
                                </div>
                            </li>
                            <li class="five">
                                <a href="">JavaEE</a>
                                <a href="">在线就业班</a>
                                <div class="text-content">
                                    <p class="text">
                                        可就业岗位：初级Java开发工程师/程序员、中级Java工程师/程序员、Java工程师程序员、中级Java工程师/程序员、Java工程师
                                    </p>
                                    <p class="btn">免费试学</p>
                                </div>
                            </li>
                            <li class="six">
                                <a href="">JavaEE</a>
                                <a href="">在线就业班</a>
                            </li>
                            <li class="four">
                                <a href="">JavaEE</a>
                                <a href="">在线就业班</a>
                            </li>
                            <li class="five">
                                <a href="">JavaEE</a>
                                <a href="">在线就业班</a>
                            </li>
                            <li class="six">
                                <a href="">JavaEE</a>
                                <a href="">在线就业班</a>
                            </li>

                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div class="public-class">
            <div class="public-content">
                <div class="top">
                    <h2>直播公开课</h2>
                    <p>免费感受直播课程</p>
                </div>

                <div class="public-list">
                    <ul>
                        <li>
                            <div class="public-item">
                                <div class="item-top">
                                    <img src="./images/icon-live-ing.2ea7eae.png" alt="">
                                    <div class="time">9月8日 20:00-22:00</div>
                                </div>
                                <div class="item-link">
                                    <img src="./upload/d8119a3652064f4e95d5fd0a3d03b871.jpg" alt="">
                                </div>
                            </div>

                            <div class="content-box">
                                <h5>
                                    击破“重难点”轻松入门软件测试
                                </h5>
                                <p class="livs-time">直播时间：9月8日 20:00-22:00</p>
                                <div class="content-text clearfix">
                                    <div class="left">
                                        课程介绍
                                    </div>
                                    <p class="intorduce">
                                        1.为什么软件测试那么重要？  2.软<br>件测试学习的重难点各个击破 3.测<br>试工程师职业发展路线
                                    </p>

                                    <div class="add">
                                        <img src="./upload/5f95e78b51a443c593f8aee30b7f8234.jpg" alt="">
                                        <p>添加班主任微信，获取直播间链接</p>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="public-item">
                                <div class="item-top">
                                    <img src="./images/icon-live-ing.2ea7eae.png" alt="">
                                    <div class="time">9月8日 20:00-22:00</div>
                                </div>
                                <div class="item-link">
                                    <img src="./upload/d8119a3652064f4e95d5fd0a3d03b871.jpg" alt="">
                                </div>
                            </div>
                            <div class="content-box">
                                <h5>
                                    击破“重难点”轻松入门软件测试
                                </h5>
                                <p class="livs-time">直播时间：9月8日 20:00-22:00</p>
                                <div class="content-text clearfix">
                                    <div class="left">
                                        课程介绍
                                    </div>
                                    <p class="intorduce">
                                        1.为什么软件测试那么重要？  2.软<br>件测试学习的重难点各个击破 3.测<br>试工程师职业发展路线
                                    </p>

                                    <div class="add">
                                        <img src="./upload/5f95e78b51a443c593f8aee30b7f8234.jpg" alt="">
                                        <p>添加班主任微信，获取直播间链接</p>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="public-item">
                                <div class="item-top">
                                    <img src="./images/icon-live-ing.2ea7eae.png" alt="">
                                    <div class="time">9月8日 20:00-22:00</div>
                                </div>
                                <div class="item-link">
                                    <img src="./upload/f1e02aa4b6ac44af88b11cd19706846f.jpg" alt="">
                                </div>
                            </div>

                            <div class="content-box">
                                <h5>
                                    击破“重难点”轻松入门软件测试
                                </h5>
                                <p class="livs-time">直播时间：9月8日 20:00-22:00</p>
                                <div class="content-text clearfix">
                                    <div class="left">
                                        课程介绍
                                    </div>
                                    <p class="intorduce">
                                        1.为什么软件测试那么重要？  2.软<br>件测试学习的重难点各个击破 3.测<br>试工程师职业发展路线
                                    </p>

                                    <div class="add">
                                        <img src="./upload/5f95e78b51a443c593f8aee30b7f8234.jpg" alt="">
                                        <p>添加班主任微信，获取直播间链接</p>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="public-item">
                                <div class="item-top">
                                    <img src="./images/icon-live-ing.2ea7eae.png" alt="">
                                    <div class="time">9月8日 20:00-22:00</div>
                                </div>
                                <div class="item-link">
                                    <img src="./upload/d8119a3652064f4e95d5fd0a3d03b871.jpg" alt="">
                                </div>
                            </div>

                            <div class="content-box">
                                <h5>
                                    击破“重难点”轻松入门软件测试
                                </h5>
                                <p class="livs-time">直播时间：9月8日 20:00-22:00</p>
                                <div class="content-text clearfix">
                                    <div class="left">
                                        课程介绍
                                    </div>
                                    <p class="intorduce">
                                        1.为什么软件测试那么重要？  2.软<br>件测试学习的重难点各个击破 3.测<br>试工程师职业发展路线
                                    </p>

                                    <div class="add">
                                        <img src="./upload/5f95e78b51a443c593f8aee30b7f8234.jpg" alt="">
                                        <p>添加班主任微信，获取直播间链接</p>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="advanced">
            <div class="advances-box">
                <div class="title-box clearfix">
                    <h5>技能进阶课</h5>
                    <span class="subtitle">互联网人不同成长阶段的进阶需求，系统化进阶</span>
                </div>

                <div class="promotion-box clearfix">
                    <div class="promotion-con clearfix">
                        <div class="con-left">
                            <img src="./images/7b8ebe1f888b4e7c95cd41e4a6f00817.jpg" alt="">
                        </div>
                        <div class="info-right">
                            <h6>Java工程师成长路径</h6>
                            <p class="details">Java是目前国内流行的编程语言，生态圈发展很完整，从手机应用，Web网站到大数据系统都在使用Java开发。学习Java语言既有前景又有钱景，是被广泛使用的编程语言。</p>
                        </div>
                    </div>
                    <div class="promotion-con clearfix">
                        <div class="con-left">
                            <img src="./images/7b8ebe1f888b4e7c95cd41e4a6f00817.jpg" alt="">
                        </div>
                        <div class="info-right">
                            <h6>Python工程师成长路径</h6>
                            <p class="details">Java是目前国内流行的编程语言，生态圈发展很完整，从手机应用，Web网站到大数据系统都在使用Java开发。学习Java语言既有前景又有钱景，是被广泛使用的编程语言。</p>
                        </div>
                    </div>
                </div>

                <div class="advanced-index clearfix">
                    <div class="advanced-info">
                        <img src="./upload/af00aa5ec35f41aaae01bc131fbc5e16.jpg" alt="">
                    </div>
                    <div class="advanced-info">
                        <img src="./upload/af00aa5ec35f41aaae01bc131fbc5e16.jpg" alt="">
                    </div>
                </div>
            </div>
        </div>

        <div class="hot-class">
            <div class="hot-class-box">
                <div class="hot-class-title clearfix">
                    <div class="title-left">
                        <h2>热门小课</h2>
                        <div class="subtitle">热门技术学起来，让自己更具竞争力</div>
                    </div>
                    <div class="title-right">
                        <a href="">查看更多   ></a>  
                    </div>
                </div>

                <ul class="menu-list clearfix">
                    <li class="active">
                        <a href="">Java</a>
                    </li>
                    <li>
                        <a href="">前端</a>
                    </li>
                    <li>
                        <a href="">Python</a>
                    </li>
                    <li>
                        <a href="">UI</a>
                    </li>
                    <li>
                        <a href="">大数据</a>
                    </li>
                    <li>
                        <a href="">软件测试</a>
                    </li>
                    <li>
                        <a href="">人工智能</a>
                    </li>
                    <li>
                        <a href="">新媒体运营</a>
                    </li>
                    <li>
                        <a href="">产品经理</a>
                    </li>
                </ul>

                <div class="hot-class-con">
                    <ul class="clearfix">
                        <li class="item">
                            <img src="./upload/52e6d6d588574ae2848dd5aa7db37d48.jpg" alt="">
                            <div class="designation">
                                基于微服务构建闪聚支付项目
                            </div>
                            <p class="price">￥990.00</p>
                        </li>
                        <li class="item">
                            <img src="./upload/52e6d6d588574ae2848dd5aa7db37d48.jpg" alt="">
                            <div class="designation">
                                基于微服务构建闪聚支付项目
                            </div>
                            <p class="price">￥990.00</p>
                        </li>
                        <li class="item">
                            <img src="./upload/52e6d6d588574ae2848dd5aa7db37d48.jpg" alt="">
                            <div class="designation">
                                基于微服务构建闪聚支付项目
                            </div>
                            <p class="price">￥990.00</p>
                        </li>
                        <li class="item">
                            <img src="./upload/52e6d6d588574ae2848dd5aa7db37d48.jpg" alt="">
                            <div class="designation">
                                基于微服务构建闪聚支付项目
                            </div>
                            <p class="price">￥990.00</p>
                        </li>
                        <li class="item">
                            <img src="./upload/52e6d6d588574ae2848dd5aa7db37d48.jpg" alt="">
                            <div class="designation">
                                基于微服务构建闪聚支付项目
                            </div>
                            <p class="price">￥990.00</p>
                        </li>
                        <li class="item">
                            <img src="./upload/52e6d6d588574ae2848dd5aa7db37d48.jpg" alt="">
                            <div class="designation">
                                基于微服务构建闪聚支付项目
                            </div>
                            <p class="price">￥990.00</p>
                        </li>
                        <li class="item">
                            <img src="./upload/52e6d6d588574ae2848dd5aa7db37d48.jpg" alt="">
                            <div class="designation">
                                基于微服务构建闪聚支付项目
                            </div>
                            <p class="price">￥990.00</p>
                        </li>
                        <li class="item">
                            <img src="./upload/52e6d6d588574ae2848dd5aa7db37d48.jpg" alt="">
                            <div class="designation">
                                基于微服务构建闪聚支付项目
                            </div>
                            <p class="price">￥990.00</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="information">
            <div class="information-box">

                <div class="information-title clearfix">
                    <div class="title-left">
                        <h2>热门小课</h2>
                        <div class="subtitle">热门技术学起来，让自己更具竞争力</div>
                    </div>
                    <div class="title-right">
                        <a href="">查看更多   ></a>  
                    </div>
                </div>

                <div class="information-con">
                    <ul class="clearfix">
                        <li>
                            <h5>Python</h5>
                            <div class="item-con">
                                <div class="con-img">
                                    <img src="./upload/e1d2c9aa181e485e9b93ea1a9c5119e0.jpg" alt="">
                                </div>
                                <ul class="article">
                                    <li>这一篇彻底告诉你ORACLE的前世今生</li>
                                    <li>一文说清楚应聘Java开发工程师的基本要求</li>
                                    <li>关于Java，你想知道的一切，这里说透</li>
                                    <li>什么是Java运算？Java运算：比九九乘法表还简单</li>
                                    <li>"=="和equals方法究竟有什么区别</li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <h5>产品经理</h5>
                            <div class="item-con">
                                <div class="con-img">
                                    <img src="./upload/e1d2c9aa181e485e9b93ea1a9c5119e0.jpg" alt="">
                                </div>
                                <ul class="article">
                                    <li>这一篇彻底告诉你ORACLE的前世今生</li>
                                    <li>一文说清楚应聘Java开发工程师的基本要求</li>
                                    <li>关于Java，你想知道的一切，这里说透</li>
                                    <li>什么是Java运算？Java运算：比九九乘法表还简单</li>
                                    <li>"=="和equals方法究竟有什么区别</li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <h5>人工智能</h5>
                            <div class="item-con">
                                <div class="con-img">
                                    <img src="./upload/e1d2c9aa181e485e9b93ea1a9c5119e0.jpg" alt="">
                                </div>
                                <ul class="article">
                                    <li>这一篇彻底告诉你ORACLE的前世今生</li>
                                    <li>一文说清楚应聘Java开发工程师的基本要求</li>
                                    <li>关于Java，你想知道的一切，这里说透</li>
                                    <li>什么是Java运算？Java运算：比九九乘法表还简单</li>
                                    <li>"=="和equals方法究竟有什么区别</li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="choose">
            <div class="choose-box">

                <div class="choose-title">
                    <h2>为什么选择博学谷</h2>
                </div>

                <div class="choose-data">
                    <div class="choose-quality">
                        <h2>15年</h2>
                        <p>15年教学<br>品质保障</p>
                    </div>
                    <div class="choose-cooperration">
                        <h2>1900+</h2>
                        <p>1900多所高校<br>深度合作</p>
                    </div>
                    <div class="choose-books">
                        <h2>430万</h2>
                        <p>书籍发行总量<br>430万余册</p>
                    </div>
                </div>

                <div class="brand-concept clearfix">

                    <div class="concept-left">
                        <h2>行业实力教育品牌</h2>
                        <p>用爱成就每一位学生</p>
                        <p>探索教育本源，开辟教育新生态</p>
                    </div>

                    <div class="concept-right">
                        <img src="./images/pic-bxg-02.8bf66a5.png" alt="">
                    </div>
                </div>

                <div class="choose-teacher">
                    <ul class="clearfix">
                        <li class="item1">
                            <div class="img-box">
                                <img src="https://www.itcast.cn/images/teacher/2020002610000800.jpg" alt="">
                            </div>

                            <div class="teacher-mark">
                                <div class="tearche-list">
                                    <h3 class="name">董老师</h3>
                                    <p class="position">华为H5游戏开发专家</p>
                                    <div class="skills">
                                        精通canvas，精通常用算法，尤其善长动效制作，后期主要担任前端架构师，曾主导多个大型项目前端项目开发工作，如：中国电信大数据、东风日产官网、农业银行智能营销平台等。这期间制作过h5游戏、门户网站、、直播app、小程序等涉及多领域，精通前端各主流技术。</div>
                                </div>
                            </div>
                        </li>
                        <li class="item1">
                            <div class="img-box">
                                <img src="https://www.itcast.cn/images/teacher/2021222315222500.jpg" alt="">
                            </div>

                            <div class="teacher-mark">
                                <div class="tearche-list">
                                    <h3 class="name">刘老师</h3>
                                    <p class="position">华为H5游戏开发专家</p>
                                    <div class="skills">
                                        精通canvas，精通常用算法，尤其善长动效制作，后期主要担任前端架构师，曾主导多个大型项目前端项目开发工作，如：中国电信大数据、东风日产官网、农业银行智能营销平台等。这期间制作过h5游戏、门户网站、、直播app、小程序等涉及多领域，精通前端各主流技术。</div>
                                </div>
                            </div>
                        </li>
                        <li class="item1">
                            <div class="img-box">
                                <img src="https://www.itcast.cn/images/teacher/20204206174250283.jpg" alt="">
                            </div>
                            <div class="teacher-mark">
                                <div class="tearche-list">
                                    <h3 class="name">赵老师</h3>
                                    <p class="position">华为H5游戏开发专家</p>
                                    <div class="skills">
                                        精通canvas，精通常用算法，尤其善长动效制作，后期主要担任前端架构师，曾主导多个大型项目前端项目开发工作，如：中国电信大数据、东风日产官网、农业银行智能营销平台等。这期间制作过h5游戏、门户网站、、直播app、小程序等涉及多领域，精通前端各主流技术。</div>
                                </div>
                            </div>
                        </li>
                        <li class="item1">
                            <div class="img-box">
                                <img src="https://www.itcast.cn/images/teacher/2020492317492800.jpg" alt="">
                            </div>
                            <div class="teacher-mark">
                                <div class="tearche-list">
                                    <h3 class="name">高老师</h3>
                                    <p class="position">华为H5游戏开发专家</p>
                                    <div class="skills">
                                        精通canvas，精通常用算法，尤其善长动效制作，后期主要担任前端架构师，曾主导多个大型项目前端项目开发工作，如：中国电信大数据、东风日产官网、农业银行智能营销平台等。这期间制作过h5游戏、门户网站、、直播app、小程序等涉及多领域，精通前端各主流技术。</div>
                                </div>
                            </div>
                        </li>
                        <li class="item1">
                            <div class="img-box">
                                <img src="https://www.itcast.cn/images/teacher/2020432610431800.jpg" alt="">
                            </div>
                            <div class="teacher-mark">
                                <div class="tearche-list">
                                    <h3 class="name">孙老师</h3>
                                    <p class="position">华为H5游戏开发专家</p>
                                    <div class="skills">
                                        精通canvas，精通常用算法，尤其善长动效制作，后期主要担任前端架构师，曾主导多个大型项目前端项目开发工作，如：中国电信大数据、东风日产官网、农业银行智能营销平台等。这期间制作过h5游戏、门户网站、、直播app、小程序等涉及多领域，精通前端各主流技术。</div>
                                </div>
                            </div>
                        </li>
                        <li class="item2">
                            <div class="img-box">
                                <img src="https://www.itcast.cn/images/teacher/2020592914591700.jpg" alt="">
                            </div>
                            <div class="teacher-mark">
                                <div class="tearche-list">
                                    <h3 class="name">董老师</h3>
                                    <p class="position">华为H5游戏开发专家</p>
                                    <div class="skills">
                                        精通canvas，精通常用算法，尤其善长动效制作，后期主要担任前端架构师，曾主导多个大型项目前端项目开发工作，如：中国电信大数据、东风日产官网、农业银行智能营销平台等。这期间制作过h5游戏、门户网站、、直播app、小程序等涉及多领域，精通前端各主流技术。</div>
                                </div>
                            </div>
                        </li>
                        <li class="item2">
                            <div class="img-box">
                                <img src="https://www.itcast.cn/images/teacher/2020492610494100.jpg" alt="">
                            </div>

                            <div class="teacher-mark">
                                <div class="tearche-list">
                                    <h3 class="name">董老师</h3>
                                    <p class="position">华为H5游戏开发专家</p>
                                    <div class="skills">
                                        精通canvas，精通常用算法，尤其善长动效制作，后期主要担任前端架构师，曾主导多个大型项目前端项目开发工作，如：中国电信大数据、东风日产官网、农业银行智能营销平台等。这期间制作过h5游戏、门户网站、、直播app、小程序等涉及多领域，精通前端各主流技术。</div>
                                </div>
                            </div>
                        </li>
                        <li class="item2">
                            <div class="img-box">
                                <img src="https://www.itcast.cn/images/teacher/2021252315250000.jpg" alt="">
                            </div>

                            <div class="teacher-mark">
                                <div class="tearche-list">
                                    <h3 class="name">董老师</h3>
                                    <p class="position">华为H5游戏开发专家</p>
                                    <div class="skills">
                                        精通canvas，精通常用算法，尤其善长动效制作，后期主要担任前端架构师，曾主导多个大型项目前端项目开发工作，如：中国电信大数据、东风日产官网、农业银行智能营销平台等。这期间制作过h5游戏、门户网站、、直播app、小程序等涉及多领域，精通前端各主流技术。</div>
                                </div>
                            </div>
                        </li>


                        <li class="item1">
                            <div class="img-box">
                                <img src="https://www.itcast.cn/images/teacher/2020002610000800.jpg" alt="">
                            </div>

                            <div class="teacher-mark">
                                <div class="tearche-list">
                                    <h3 class="name">董老师</h3>
                                    <p class="position">华为H5游戏开发专家</p>
                                    <div class="skills">
                                        精通canvas，精通常用算法，尤其善长动效制作，后期主要担任前端架构师，曾主导多个大型项目前端项目开发工作，如：中国电信大数据、东风日产官网、农业银行智能营销平台等。这期间制作过h5游戏、门户网站、、直播app、小程序等涉及多领域，精通前端各主流技术。</div>
                                </div>
                            </div>
                        </li>
                        <li class="item1">
                            <div class="img-box">
                                <img src="https://www.itcast.cn/images/teacher/2021222315222500.jpg" alt="">
                            </div>

                            <div class="teacher-mark">
                                <div class="tearche-list">
                                    <h3 class="name">刘老师</h3>
                                    <p class="position">华为H5游戏开发专家</p>
                                    <div class="skills">
                                        精通canvas，精通常用算法，尤其善长动效制作，后期主要担任前端架构师，曾主导多个大型项目前端项目开发工作，如：中国电信大数据、东风日产官网、农业银行智能营销平台等。这期间制作过h5游戏、门户网站、、直播app、小程序等涉及多领域，精通前端各主流技术。</div>
                                </div>
                            </div>
                        </li>
                        <li class="item1">
                            <div class="img-box">
                                <img src="https://www.itcast.cn/images/teacher/20204206174250283.jpg" alt="">
                            </div>
                            <div class="teacher-mark">
                                <div class="tearche-list">
                                    <h3 class="name">赵老师</h3>
                                    <p class="position">华为H5游戏开发专家</p>
                                    <div class="skills">
                                        精通canvas，精通常用算法，尤其善长动效制作，后期主要担任前端架构师，曾主导多个大型项目前端项目开发工作，如：中国电信大数据、东风日产官网、农业银行智能营销平台等。这期间制作过h5游戏、门户网站、、直播app、小程序等涉及多领域，精通前端各主流技术。</div>
                                </div>
                            </div>
                        </li>
                        <li class="Hq">
                            <div class="hq-box">
                                <h2>传智教育总部师资</h2>

                                <p>15%的讲师为CTO出身</p>
                                <p>52%的讲师曾在企业担任项目经理</p>
                            </div>
                        </li>
                        <li class="item2">
                            <div class="img-box">
                                <img src="https://www.itcast.cn/images/teacher/2020592914591700.jpg" alt="">
                            </div>
                            <div class="teacher-mark">
                                <div class="tearche-list">
                                    <h3 class="name">董老师</h3>
                                    <p class="position">华为H5游戏开发专家</p>
                                    <div class="skills">
                                        精通canvas，精通常用算法，尤其善长动效制作，后期主要担任前端架构师，曾主导多个大型项目前端项目开发工作，如：中国电信大数据、东风日产官网、农业银行智能营销平台等。这期间制作过h5游戏、门户网站、、直播app、小程序等涉及多领域，精通前端各主流技术。</div>
                                </div>
                            </div>
                        </li>
                        <li class="item2">
                            <div class="img-box">
                                <img src="https://www.itcast.cn/images/teacher/2020492610494100.jpg" alt="">
                            </div>

                            <div class="teacher-mark">
                                <div class="tearche-list">
                                    <h3 class="name">董老师</h3>
                                    <p class="position">华为H5游戏开发专家</p>
                                    <div class="skills">
                                        精通canvas，精通常用算法，尤其善长动效制作，后期主要担任前端架构师，曾主导多个大型项目前端项目开发工作，如：中国电信大数据、东风日产官网、农业银行智能营销平台等。这期间制作过h5游戏、门户网站、、直播app、小程序等涉及多领域，精通前端各主流技术。</div>
                                </div>
                            </div>
                        </li>
                        <li class="item2">
                            <div class="img-box">
                                <img src="https://www.itcast.cn/images/teacher/2021252315250000.jpg" alt="">
                            </div>

                            <div class="teacher-mark">
                                <div class="tearche-list">
                                    <h3 class="name">董老师</h3>
                                    <p class="position">华为H5游戏开发专家</p>
                                    <div class="skills">
                                        精通canvas，精通常用算法，尤其善长动效制作，后期主要担任前端架构师，曾主导多个大型项目前端项目开发工作，如：中国电信大数据、东风日产官网、农业银行智能营销平台等。这期间制作过h5游戏、门户网站、、直播app、小程序等涉及多领域，精通前端各主流技术。</div>
                                </div>
                            </div>
                        </li>

                        <li class="item1">
                            <div class="img-box">
                                <img src="https://www.itcast.cn/images/teacher/2020002610000800.jpg" alt="">
                            </div>

                            <div class="teacher-mark">
                                <div class="tearche-list">
                                    <h3 class="name">董老师</h3>
                                    <p class="position">华为H5游戏开发专家</p>
                                    <div class="skills">
                                        精通canvas，精通常用算法，尤其善长动效制作，后期主要担任前端架构师，曾主导多个大型项目前端项目开发工作，如：中国电信大数据、东风日产官网、农业银行智能营销平台等。这期间制作过h5游戏、门户网站、、直播app、小程序等涉及多领域，精通前端各主流技术。</div>
                                </div>
                            </div>
                        </li>
                        <li class="item1">
                            <div class="img-box">
                                <img src="https://www.itcast.cn/images/teacher/2021222315222500.jpg" alt="">
                            </div>

                            <div class="teacher-mark">
                                <div class="tearche-list">
                                    <h3 class="name">刘老师</h3>
                                    <p class="position">华为H5游戏开发专家</p>
                                    <div class="skills">
                                        精通canvas，精通常用算法，尤其善长动效制作，后期主要担任前端架构师，曾主导多个大型项目前端项目开发工作，如：中国电信大数据、东风日产官网、农业银行智能营销平台等。这期间制作过h5游戏、门户网站、、直播app、小程序等涉及多领域，精通前端各主流技术。</div>
                                </div>
                            </div>
                        </li>
                        <li class="item1">
                            <div class="img-box">
                                <img src="https://www.itcast.cn/images/teacher/20204206174250283.jpg" alt="">
                            </div>
                            <div class="teacher-mark">
                                <div class="tearche-list">
                                    <h3 class="name">赵老师</h3>
                                    <p class="position">华为H5游戏开发专家</p>
                                    <div class="skills">
                                        精通canvas，精通常用算法，尤其善长动效制作，后期主要担任前端架构师，曾主导多个大型项目前端项目开发工作，如：中国电信大数据、东风日产官网、农业银行智能营销平台等。这期间制作过h5游戏、门户网站、、直播app、小程序等涉及多领域，精通前端各主流技术。</div>
                                </div>
                            </div>
                        </li>
                        <li class="item1">
                            <div class="img-box">
                                <img src="https://www.itcast.cn/images/teacher/2020492317492800.jpg" alt="">
                            </div>
                            <div class="teacher-mark">
                                <div class="tearche-list">
                                    <h3 class="name">高老师</h3>
                                    <p class="position">华为H5游戏开发专家</p>
                                    <div class="skills">
                                        精通canvas，精通常用算法，尤其善长动效制作，后期主要担任前端架构师，曾主导多个大型项目前端项目开发工作，如：中国电信大数据、东风日产官网、农业银行智能营销平台等。这期间制作过h5游戏、门户网站、、直播app、小程序等涉及多领域，精通前端各主流技术。</div>
                                </div>
                            </div>
                        </li>
                        <li class="item1">
                            <div class="img-box">
                                <img src="https://www.itcast.cn/images/teacher/2020432610431800.jpg" alt="">
                            </div>
                            <div class="teacher-mark">
                                <div class="tearche-list">
                                    <h3 class="name">孙老师</h3>
                                    <p class="position">华为H5游戏开发专家</p>
                                    <div class="skills">
                                        精通canvas，精通常用算法，尤其善长动效制作，后期主要担任前端架构师，曾主导多个大型项目前端项目开发工作，如：中国电信大数据、东风日产官网、农业银行智能营销平台等。这期间制作过h5游戏、门户网站、、直播app、小程序等涉及多领域，精通前端各主流技术。</div>
                                </div>
                            </div>
                        </li>
                        <li class="item2">
                            <div class="img-box">
                                <img src="https://www.itcast.cn/images/teacher/2020592914591700.jpg" alt="">
                            </div>
                            <div class="teacher-mark">
                                <div class="tearche-list">
                                    <h3 class="name">董老师</h3>
                                    <p class="position">华为H5游戏开发专家</p>
                                    <div class="skills">
                                        精通canvas，精通常用算法，尤其善长动效制作，后期主要担任前端架构师，曾主导多个大型项目前端项目开发工作，如：中国电信大数据、东风日产官网、农业银行智能营销平台等。这期间制作过h5游戏、门户网站、、直播app、小程序等涉及多领域，精通前端各主流技术。</div>
                                </div>
                            </div>
                        </li>
                        <li class="item2">
                            <div class="img-box">
                                <img src="https://www.itcast.cn/images/teacher/2020492610494100.jpg" alt="">
                            </div>

                            <div class="teacher-mark">
                                <div class="tearche-list">
                                    <h3 class="name">董老师</h3>
                                    <p class="position">华为H5游戏开发专家</p>
                                    <div class="skills">
                                        精通canvas，精通常用算法，尤其善长动效制作，后期主要担任前端架构师，曾主导多个大型项目前端项目开发工作，如：中国电信大数据、东风日产官网、农业银行智能营销平台等。这期间制作过h5游戏、门户网站、、直播app、小程序等涉及多领域，精通前端各主流技术。</div>
                                </div>
                            </div>
                        </li>
                        <li class="item2">
                            <div class="img-box">
                                <img src="https://www.itcast.cn/images/teacher/2021252315250000.jpg" alt="">
                            </div>

                            <div class="teacher-mark">
                                <div class="tearche-list">
                                    <h3 class="name">董老师</h3>
                                    <p class="position">华为H5游戏开发专家</p>
                                    <div class="skills">
                                        精通canvas，精通常用算法，尤其善长动效制作，后期主要担任前端架构师，曾主导多个大型项目前端项目开发工作，如：中国电信大数据、东风日产官网、农业银行智能营销平台等。这期间制作过h5游戏、门户网站、、直播app、小程序等涉及多领域，精通前端各主流技术。</div>
                                </div>
                            </div>
                        </li>

                    </ul>
                </div>

                <div class="career-planning">
                    <ul class="planning-con clearfix">
                        <li>
                            <img src="./images/icon-360.7abf0b8.png" alt="">
                            <span>360°职业规划通</span>
                        </li>
                        <li>
                            <img src="./images/icon-jiuye.ed90c38.png" alt="">
                            <span>职业辅助课程</span>
                        </li>
                        <li>
                            <img src="./images/icon-fudao.3803539.png" alt="">
                            <span>试用期辅导</span>
                        </li>
                    </ul>
                </div>

                <div class="service">
                    <div class="service-box clearfix">
                        <div class="left-img">
                            <img src="./images/pic-bxg-4v1.b4cca62.png" alt="">
                        </div>

                        <div class="right">
                            <h2>多方面融合服务提高</h2>
                            <h2>学员学习效果</h2>

                            <span>班主任、导师、职业规划老师、心理老师多维度督导</span>
                            <span>定制职业发展路线</span>
                            <span>心理辅导</span>
                        </div>
                    </div>
                </div>

                <div class="fridendly-link">
                    <h5>友情链接</h5>
                    <ul class="clearfix">
                        <li><a href="">传智教育</a></li>
                        <li><a href="">黑马程序员</a></li>
                        <li><a href="">传智专修学院</a></li>
                        <li><a href="">传智汇</a></li>
                        <li><a href="">黑马云课堂</a></li>
                        <li><a href="">少儿编程</a></li>
                        <li><a href="">Java培训</a></li>
                        <li><a href="">在职研究生</a></li>
                        <li><a href="">上海律师</a></li>
                        <li><a href="">湖南自考</a></li>
                        <li><a href="">IT课程</a></li>
                        <li><a href="">学霸网</a></li>
                        <li><a href="">会计培训班</a></li>
                        <li><a href="">出国留学中介</a></li>
                        <li><a href="">91选校</a></li>
                        <li><a href="">陕西专升本</a></li>
                        <li><a href="">原画培训</a></li>
                        <li><a href="">房产中介管理系统</a></li>
                        <li><a href="">广州成考</a></li>
                        <li><a href="">400电话办理</a></li>
                        <li><a href="">学校大全</a></li>
                        <li><a href="">西安补习学校</a></li>
                        <li><a href="">留学中介</a></li>
                        <li><a href="">中考网</a></li>
                        <li><a href="">设计培训</a></li>
                        <li><a href="">东营律师</a></li>
                        <li><a href="">济南教师招聘</a></li>
                        <li><a href="">保定人事考试网</a></li>
                        <li><a href="">香港硕士申请</a></li>
                        <li><a href="">湖南成人高考网</a></li>
                        <li><a href="">上海坦途教育网</a></li>
                        <li><a href="">国际学校招生</a></li>
                        <li><a href="">北京画室排名</a></li>
                        <li>
                            <a href="">艺考培训</a>
                        </li>
                        <li>
                            <a href="">巴士文库</a>
                        </li>
                    </ul>
                </div>

            </div>
        </div>

        <footer>
            <div class="footer-box">
                <ul class="clearfix">
                    <li>
                        <img src="./images/sideWeixinBig.61ef58f.png" alt="">
                        <p>关注公众号</p>
                    </li>
                    <li>
                        <img src="./images/footerErma1.0afc7bb.png" alt="">
                        <p>app下载</p>
                    </li>
                    <li class="the-text">
                        <div class="top">关于我们 <span>/</span>人才招聘<span>/</span>联系我们<span>/</span>常见问题</div>
                        <p>江苏传智播客教育科技股份有限公司 Copyright &nbsp;2006-2021，&nbsp;All Rights Reserved &nbsp;<a href="">苏ICP备16007882号-12</a></p>
                        <p>PMI，PMP 和 PMBOK 是 Project Management Institute, Inc. 的注册商标</p>
                        <p>北京市昌平建材城西路金燕龙办公楼一层</p>

                        <div class="buttom">
                            <a href="">
                                <img src="./images/下载.png" alt="">
                            </a>
                            <span>官方微博</span>
                        </div>
                    </li>
                </ul>
            </div>
        </footer>
    </div>
    <script type="text/javascript" src="./js/banner.js"></script>
</body>
</html>